<template>
  <n-notification-provider>
    <n-message-provider>
      <img class="vergas" src="@/app/web/assets/bg1.jpg" alt="" />
      <div>
        <Titles />
        <Home />
      </div>
    </n-message-provider>
  </n-notification-provider>
</template>

<script lang="ts" setup>
import Wow from "wow.js";
import { defineComponent, onMounted } from "vue";
import Titles from "@/app/web/view/Titles.vue";
import Home from "@/app/web/view/Home.vue";

onMounted(() => {
  new Wow().init();
});
</script>
<style lang="less" scoped>
html,
body {
  background-color: #f4f6f8;
  font-size: 14px;
}

.vergas {
  position: fixed;
  left: 0;
  right: 0;
  height: 850px;
  width: 100%;
  object-fit: cover;
}
</style>
